<template>
     <div id="list">
       <ul>
          <CellViewVue v-for="todo in todoList" 
          :key=todo.id 
          :item=todo
          :finish=finish
          :deleteTodo=deleteTodo>
        </CellViewVue>
       </ul>
    </div>
</template>

<script>
import CellViewVue from './CellView.vue';

    export default {
        name: "ListView",
        components:{
            CellViewVue
        },
        props:['todoList','finish', 'deleteTodo']
    }
</script>

<style lang="less" scoped>
 #list{
      width: 100%;

      ul{
        padding: 0;
        padding-top: 1px;
        border: 1px solid lightgrey;
        border-radius: 3px;
        li {
           list-style-type: none;

        
        } 
      }  
    }
</style>